<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>

  <input type="text" name="username" value="gouge" disabled>

  <script src="./jquery-3.6.0.js"></script>
  <script>
    // -------------------------- attr 和 removeAttr ------------------------------
    // attr('属性名') --- 获取这个属性的值
    // attr('属性名', '值') --- 设置元素的属性

    // console.log($('input').attr('type')); // text
    // console.log($('input').attr('name')); // username

    // $('input').attr('type', 'password');

    // 移除元素的属性
    // $('input').removeAttr('name');


    // --------------------------- prop 和 removeProp ----------------------------
    // 适用于 获取属性值为 true 或 false的属性值。比如 disabled checked selected readonly
    // console.log($('input').attr('disabled')); // disabled
    console.log($('input').prop('disabled')); // true

  </script>

</body>

</html>